﻿/* Button */

.basic-button {
    vertical-align: top;
}

.basic-button.hidden {
    display: none;
}

.basic-button.disabled {
    cursor: default !important;
    filter: grayscale(100%);
}

.basic-button-container {
    display: inline-block;
    text-align: center;
    vertical-align: top; /*to avoid extra space*/
}

.basic-button-content {
    display: table-row;
}

.basic-button-icon,
.basic-button-label {
    display: table-cell;
    vertical-align: middle;
}

.basic-button-icon img {
    display: block;
    margin-right: 3px;
}

/* Led */

.basic-led {
    border-radius: 50%;
}

.basic-led-border {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-sizing: border-box;
}

/* Toggle */

.basic-toggle-container {
    display: table-cell;
}

.basic-toggle-lever {
    border-radius: 50%;
    box-sizing: border-box;
}

.basic-toggle.undef .basic-toggle-container {
    visibility: hidden;
}

.basic-toggle.off .basic-toggle-container {
    vertical-align: bottom;
}

.basic-toggle.off .basic-toggle-lever {
    float: left;
}

.basic-toggle.on .basic-toggle-container {
    vertical-align: top;
}

.basic-toggle.on .basic-toggle-lever {
    float: right;
}